<template>
	<!-- <iframe id="mapPage" width="500px" height="500px" frameborder=0
			src="https://apis.map.qq.com/tools/geolocation?key=ZYIBZ-6VVRW-NCURN-O6GZO-2VRAH-KIBJV&referer=myapp">
	</iframe> -->
	<div id="mapPage" style="width:500px;height: 500px;">
		
	</div>
</template>

<script>
	export default{
		name:'thismap',
		data(){
			return{
				mapstate:true
			}
		},
		mounted() {
			this.Tmap()
		},
		methods:{
			Tmap(){
					var center = new TMap.LatLng(39.984104, 116.307503);
					// 定义map变量，调用 TMap.Map() 构造函数创建地图
					var map = new TMap.Map(document.getElementById('mapPage'), {
						center: center, // 设置地图中心点坐标
						zoom: 17.2, // 设置地图缩放级别
						pitch: 43.5, // 设置俯仰角
						rotation: 45 // 设置地图旋转角度
					});
					console.log(map)
					console.log(window)
				// window.addEventListener('message', function(event) {
				// 		// 接收位置信息，用户选择确认位置点后选点组件会触发该事件，回传用户的位置信息
				// 		var loc = event.data;
				// 		if (loc && loc.module == 'locationPicker') {//防止其他应用也会向该页面post信息，需判断module是否为'locationPicker'
				// 			console.log('location', loc);
				// 		}
				// }, false);
			}
		}
	}
</script>

<style>
</style>
